<?php include "header.php"; ?>

<div class="container">
	<!------SEARCH-------->
	<div class="row">
		<div class="span7"></div>
		<div class="span3 offset2">
			<form class="form-search">
				<div class="input-append">
					<input type="text" class="span2 search-query">
					<button type="submit" class="btn">Search</button>
				</div>
			</form>
		</div>
	</div>
	<!------SEARCH EOF-------->

	<!------BODY-------->

	<div class="row">
		<div class="span8">
			<!---- Content --->
			<div id="content">
				<div class="btn-group">
					<button id="picture-upload" class="btn">upload</button>
					<button id="picture-trigger" class="btn">pictures</button>
					<button id="background-picker" class="btn">pick background</button>
					<button id="resize-trigger" class="btn">resize</button>
					<button id="picture-save" class="btn">save</button>
				</div>
				<div id="container"></div>
				<div id="pictureList" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="Picture stock" aria-hidden="false" style="display: block;">
					<div class="modal-header">
		              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		              <h3 id="myModalLabel">Picture List</h3>
		            </div>
					<div class="modal-body">
						<div id="images"></div>
					</div>
				</div>
				<div id="upload-dialog" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="Picture Upload" aria-hidden="false" style="display: block;">
					<div class="modal-header">
		              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		              <h3 id="myModalLabel">Upload Picture</h3>
		            </div>
					<div class="modal-body">
						<form>
							<label for="pictureUploader">Select picture</label> 
							<input type="file" id="pictureUploader" name="mypicture[]" data-url="upload.php" multiple /> 
						</form>
						<div id="addTitleDescription"></div>
					</div>
				</div>
				<div id="save-scrap-dialog" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="Save Scrap Picture" aria-hidden="false" style="display: block;">
					<div class="modal-header">
		              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		              <h3 id="myModalLabel">Save Scrap Picture</h3>
		            </div>
					<div class="modal-body">
						<div id="addScrapTitleDescription"></div>
					</div>
				</div>
				<div id="resize-dialog" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="Resize Scrap Picture" aria-hidden="false" style="display: block;">
					<div class="modal-header">
		              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		              <h3 id="myModalLabel">Resize Scrap Picture</h3>
		            </div>
					<div class="modal-body">
						<p>
							<label for="newWidth">width</label> 
							<input type="text" id="newWidth" name="newWidth" />
						</p>
						<p>
						<label for="newHeight">height</label> 
							<input type="text" id="newHeight" name="newHeight" />
						</p>
					</div>
				</div>
			</div>
			<!----end content -->
		</div>
		<div class="span4">
		<?php include"sidebar.php"?>
		</div>

		<!------BODY EOF-------->

	</div>

	<hr>
</div>
<!-- /container -->

<script>

</script>


<?php include "footer.php"; ?>
